<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"></meta>
    <title>Spark-store</title>

    <link rel="stylesheet" href="../states/css/style.css">
    <script>
        function jump(temp) {
            window.location.href = temp;
        }
    </script>

</head>

<body>
    <div id="header" class="static">
        <ul>
            <li class="top-logo"><a href="index.html">Spark store</a></li>
            <!--<li v-for="item in url"><a :href="item.location">{{item.name}}</a></li>-->
            <li><a href="index.html">INDEX</a></li>
            <li><a href="https://www.deepinos.org">BLOCK</a></li>
            <li><a href="https://www.deepinos.org">DISCUSS</a></li>
            <li><a href="../chinese/index.html">中文</a></li>
        </ul>
    </div>
    <div class="dropdown">
        <ul>
        <li class="top-logo"><a href="index.html">Spark store</a></li>
        <div class="dropdown2">
            <button class="dropbtn" ><a>More</a></button>
            <div class="dropdown-content">
                <a href="index.html">INDEX</a>
                <a href="https://www.deepinos.org">BLOCK</a>
                <a href="https://www.deepinos.org">DISCUSS</a>
                <a href="../chinese/index.html">中文</a>
            </div>
        </div>
        </ul>
    </div>

    <div id="container" class="get_the_top" style="width:100%">
        <table width="100%" border="0">
            <tr>
                <td style="background-image:url('../states/img/波纹.svg');
                           background-size:cover;
                           background-repeat:no-repeat;
                           "
                           >
                    <center>
                        <h1>
                            <p class="title" style="margin-top:0px;">Spark Store</p>
                            <p class="title2">With touch, Get the world</p>
                        </h1>
                        <div>
                            <br>
                            <button class="button button1" onclick="jump('#download')"><span>Download</span></button>
                        </div>
                    </center>

                </td>
            </tr>
        </table>
    </div>
    <div id="more" class="pos_down_top" >
        <div class="center">
            <img src="../states/img/小红点.svg"></img><font size="6" color="gray"> &nbsp;Birth of</font><font size="6" color=black> Spark</font><br>
             <p class="p_font">&emsp; First it was suggest by shenmo in our community, then we become this party. We are a yong party, almost of us born after 2000</p>
        <p class="p_font"> &emsp; We want to develop software and deb software for debian. Debian is the best!</p>
        </div>
    </div>
    <div class="pos_down_top2">
        <div class="center">
            <center><font size=6px face="Light">Here is</font></center>
        </div>
    </div>
    <div class="center_all">
    
    <div class="pos_down">
        <div class="center">
            <img src="../states/img/小红点.svg"></img><font size="6" color="gray">&nbsp;&nbsp;Open </font><font size="6" color=black>Source</font><br>
            <p class="p_font">All the code are availabe<br>It's your right to fork and change it.</p>
            <img class="picture" src="../states/img/one.png"></img>
        </div>
    </div>
    <div class="pos_down">
        <div class="center">
            <img src="../states/img/小红点.svg"></img><font size="6" color="gray">&nbsp;&nbsp;Simple <font color="black"> beautiful</font></font>
            <br><p class="p_font">Develop by DTK5,<br>
                            provide you with elegant experience</p>
            <img class="picture" src="../states/img/two.png"></img>
        </div>
    </div>       
    <div class="pos_down">
        <div class="center"><img src="../states/img/小红点.svg"></img><font size="6" color="gray">&nbsp;&nbsp;More <font color="black">Softwares</font></font>
            <br>
            <p class="p_font">Collected by community,<br>
                Four mirror to guarantee your speed.</p>
            <img class="picture" src="../states/img/four.png"></img>
        </div>
    </div>
    <div class="pos_down">
        <div class="center"><img src="../states/img/小红点.svg"></img><font size="6" color="gray">&nbsp;&nbsp;Coope<font color="black">ration</font></font>
            <br>
            <p class="p_font">We need you.<br>
                show your ability.</p>
            <img class="picture" src="../states/img/three.png"></img>
        </div>
    </div>
    <div class="pos_down_2">
        <div class="center">
            <img src="../states/img/小红点.svg"></img><font size="6" color="gray">&nbsp;&nbsp;Be <font color="black">recognized</font></font>
            <br>
            <p class="p_font">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We have got praise from the developer of Obs for the OBS's Debian package. We do not allow the files be unpacked into the usr folder, so it will not confilt to too much packages. <br>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;We are good at making wine packages. Yes, you can find PVZ here and even Starcraft</p>
        </div>
    </div>
     <div id="download" class="pos_down_3">
        <div class="center3">
            <img src="../states/img/小红点.svg"></img><font size="6" color="gray">&nbsp;&nbsp;Down<font color="black">load</font></font>
            <br>
        </div>
        <div class="pos_down_inside">
        <div class="center2">
            <img src="../states/img/小红点.svg"></img><font size="5" color="gray">&nbsp;&nbsp;Deepin <font color="black">Download</font></font>
            <br>
            <p>
                Deepin can install directly with this package.<br>
            </p>
            <img src="../states/img/linux.png" width=40%></img>
            <br>
                <button class="button button1" onclick="jump('https://gitee.com/deepin-community-store/spark-store/attach_files/552251/download/spark-store_3.0_amd64.deb')"><span>Download</span></button>
        </div>
        </div>
        <div class="pos_down_inside">
            <div class="center2">
                <img src="../states/img/小红点.svg"></img><font size="5" color="gray">&nbsp;&nbsp;Debian<font color="black"> Needs</font></font>
                <br>
                <p>
                    If you are not deepin, please install these package.<br>
                </p>

                <img src="../states/img/debian.png" width=40%></img>
                <br>
                <button class="button button1" onclick="jump('https://dcstore.spark-app.store/spark-store-dependencies-kylin.zip')"><span>Dependence</span></button>
            </div>
        </div>
        <div class="pos_down_inside">
            <div class="center2">
                <img src="../states/img/小红点.svg"></img><font size="5" color="gray">&nbsp;&nbsp;Deliver <font color="black">Entrance</font></font>
                <br>
                <p>
                It is better if you deliver the package you made to us.
                </p>
                <img src="../states/img/dliver.jpeg" width=40%></img>
                <br>
                <button class="button button1" onclick="jump('https://upload.deepinos.org/index')"><span>Deliver</span></button>
            </div>
        </div>
        <div class="pos_down_inside">
            <div class="center2">
                <img src="../states/img/小红点.svg"></img><font size="5" color="gray">&nbsp;&nbsp;Feedback to<font color="black"> Us</font></font>
                <br>
                <p>
                Feedback to us, whatever bugs or suggestions.
                </p>
                <img src="../states/img/feedback.jpeg" width=40%></img>
                <br>
                <button class="button button1" onclick="jump('https://www.deepinos.org/')"><span>Feedback</span></button>
            </div>
        </div>

    </div>
    <div class="pos_down_4">
        <div class="center">
            <img src="../states/img/小红点.svg"></img><font size="6" color="gray">&nbsp;&nbsp;Money is<font color="black"> better</font></font>
            <br>
            <p class="p_font">&nbsp;&nbsp;&nbsp;&nbsp;If you can provide us with money is better<br>
                &nbsp;&nbsp;&nbsp;&nbsp;Please join us.</p>
            <img src="../states/img/money.jpeg"></img><br>
            <audio src="../states/sounds/money.wav"  controls="controls" loop="loop" preload="auto" >

你的浏览器不支持video元素

            </audio>
        </div>
    </div>
    </div>



</body>

</html>
